<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<link rel="stylesheet" type="text/css" href="../../css/mui.min.css" />
		<link rel="stylesheet" type="text/css" href="../../css/reset.css" />
		<link rel="stylesheet" type="text/css" href="../../css/homePage/scanCode.css" />
		<link rel="stylesheet" type="text/css" href="../../css/global/index.css" />
		<link rel="stylesheet" href="../../css/iconfont.css">
		<script src="../../js/mui.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/plugin/flexible.debug.js" type="text/javascript" charset="utf-8"></script>
		<script src="../../js/plugin/flexible_css.debug.js" type="text/javascript" charset="utf-8"></script>
		<title></title>
	</head>
	<body>
		<header class="mui-bar mui-bar-nav" style="background-color: #ffffff;">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title c5">扫码</h1>
		</header>

		<div id="bcid">
			<!--盛放扫描控件的div-->
			<div style="height:40%"></div>
			<p class="tip">...载入中...</p>
		</div>

		<div class="mui-bar mui-bar-footer" style="padding: 0px;">
			<div class="fbt" onclick="scanPicture();">从相册选择二维码</div>
			<div class="fbt mui-action-back">取　 消</div>
		</div>

		<script type="text/javascript">
			mui.init();

			var ws = null,
				wo = null;
			var scan = null,
				domready = false;
			// H5 plus事件处理
			function plusReady() {
				if (ws || !window.plus || !domready) {
					return;
				}
				// 获取窗口对象
				ws = plus.webview.currentWebview();
				wo = ws.opener();
				// 开始扫描
				ws.addEventListener('show', function() {
					//自定义的扫描控件样式   
					var styles = {
						frameColor: "#29E52C",
						scanbarColor: "#29E52C",
						background: ""
					}
					scan = new plus.barcode.Barcode('bcid', '', styles);
					scan.onmarked = onmarked;
					scan.start();
				}, false);
				// 显示页面并关闭等待框
				ws.show();
			}
			if (window.plus) {
				plusReady();
			} else {
				document.addEventListener('plusready', plusReady, false);
			}
			// 监听DOMContentLoaded事件
			document.addEventListener('DOMContentLoaded', function() {
				domready = true;
				plusReady();
			}, false);
			// 二维码扫描成功
			function onmarked(type, result, file) {
				switch (type) {
					case plus.barcode.QR:
						type = 'QR';
						break;
					case plus.barcode.EAN13:
						type = 'EAN13';
						break;
					case plus.barcode.EAN8:
						type = 'EAN8';
						break;
					default:
						type = '其它' + type;
						break;
				}
				result = result.replace(/\n/g, '');

				//分析扫描结果：是URL就跳转 ，不是就提示
				if (result.indexOf('http://') == 0 || result.indexOf('https://') == 0) {
					console.log(result)
					mui.back()
					plus.runtime.openURL(result);
				} else {
					var url = result.replace(/\"/g, "");
					if (url) {
						mui.back()
						plus.runtime.openURL(url);
					} else {
						alert('无法识别')
					}
				}
			}

			// 从相册中选择二维码图片    
			function scanPicture() { //可以直接识别二维码图片 
				plus.gallery.pick(function(path) {
					plus.barcode.scan(path, onmarked, function(error) {
						plus.nativeUI.alert("无法识别此图片");
					});
				}, function(err) {
					console.log(err.message)
				});
			}
		</script>
	</body>


</html>
